/* 默认样式调整 */

/* 清除间距 */

a,
b,
body,
dd,
del,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
u,
ul,
var,
input,
video {
    margin: 0;
    padding: 0;
}

/* 清除列表样式 */

li {
    list-style: none;
}

/* 清除默认边框 */

img,
button,
input {
    border: 0;
}

/* 去掉表单元素的蓝色框 */

input,
textarea,
button {
    outline: none;
    /* 在移动端浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自定义样式 */
    -webkit-appearance: none;
}

img {
    vertical-align: top;
    -webkit-user-drag: none;
}

/* 去掉文本域的拉伸 */

textarea {
    resize: none;
}

/* 将字体样式调成正常 */

em,
i,
u {
    font-style: normal;
}

/* 清除a标签默认样式 */

a {
    color: #000000;
    text-decoration: none;
    font-family: "microsoft yahei";
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* 定义左浮动类 */

.float-left {
    float: left;
}

/* 定义右浮动类 */

.float-right {
    float: right;
}

/* 清除浮动 */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*所有的标签，和伪元素都选中*/

*,
*::before,
*::after {
    /*移动端常用布局是非固定像素*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*点击高亮效果的清除*/
    -webkit-tap-highlight-color: transparent;
}

/* 解决移动端上下拉动滚动条时卡顿、慢 */

body {
    -webkit-overflow-scrolling: touch;
}

Element {
    /* 移动端禁止复制、选中文本 */
    -webkit-use-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 解决长时间按住页面出现闪退 */
    -webkit-touch-callout: none;
    /* 解决iphone及ipad下输入框默认内阴影 */
    -webkit-appearance: none;
    /* 解决ios和android下触摸元素时出现半透明灰色遮罩 */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* 禁用长按页面时的弹出菜单 */

img,
a {
    -webkit-touch-callout: none;
}
/* body {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
} */